<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="./css/login.css"/>
	</head>
	<body>
		<!-- 头部 -->
		<div class="top-header">
			<a href="register.html" class="top-item" style="color: #888888;">注册</a>
			<a href="login.html" class="top-item" style="color: #888888;">登录</a>
		</div>
		<div class="bottom-header">
			<div class="bottom-content">
				<div style="flex: 1;">
					<a href="index.html">
						<img src="img/logo.gif" width="157" height="50" >	
					</a>
				</div>
				<div style="flex: 2;text-align: center;">
					<input type="text" placeholder="请输入查询关键词" class="input"/>
					<button type="button" class="btn">搜索</button>
				</div>
				<div style="flex: 1;"></div>
			</div>
		</div>
		<section class="header-title">
			<div class="title-content">
				<p>忘记密码</p>
				<a href="index.html" style="color: #303133;"><b>首页</b> > <span>忘记密码</span></a>
			</div>
		</section>
		<!-- 主体 -->
		<div>
			<div class="main">
				<div class="left">
					<img src="img/login-png.png" width="457" height="257">
				</div>
				<div class="right">
					<h3>忘记密码</h3>
					<input type="text" class="login-input" style="width: 265px;" placeholder="手机号码"/>
					<button type="button" class="btn">发送</button>
					<br>
					<input type="text" class="login-input" placeholder="请输入手机验证码"/>
					<input type="password" class="login-input" placeholder="新密码"/>
					<input type="password" class="login-input" placeholder="确认密码"/>
					<button type="button" class="login-btn">找回密码</button>
					<div style="margin-top: 15px;font-size: 14px;">
						<a href="login.html" style="color: #f07057;">立即登录</a>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 页脚 -->
		<div class="footer">
			<p>全国高职院校web应用软件开发技能竞赛</p>
		</div>
	</body>
</html>
